input .my-dirty {
  border-bottom: solid 1px orangered;
}
input:not(.my-dirty) {
  border-bottom: solid 1px #bfbaba !important;
}
.cursor_not_allowed {
  cursor: not-allowed;
}
#myContent {
  font-size: 14px;
  div[class~="title"] {
    color: #666666;
    background: white;
    border: 1px solid #e2e2e2;
    height: 70px;
    margin-bottom: 20px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    button {
      border: 1px solid red;
      display: flex;
      flex-direction: column-reverse;
    }
  }
  form {
    background: white;
    padding: 20px 26px 20px 0px;
    border: 1px solid #e2e2e2;
  }
  p-tree /deep/ div {
    display: inline-block;
    max-height: 25vw;
    overflow-y: scroll;
    overflow: auto;
  }
}
.text-align-left {
  text-align: left;
  padding-left: 2vw;
}
p-radioButton {
  width: 24%;
  display: inline-block;
}
.title-style {
  margin-left: 16px;
  width: 67vw;
  background: #f3f3f3;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6e2e2;
}

@media (min-width: 768px) {
  .col-sm-2 {
    width: 19.666667%;
  }
  .col-sm-10 {
    width: 80.333333%;
  }
  .col-sm-4 {
    width: 28.333333%;
  }
  .col-sm-1 {
    width: 10.333333%;
  }
  .col-sm-6 {
    width: 100%;
  }
  .col-sm-3 {
    width: 28%;
  }
  .col-sm-8 {
    width: 94.8%;
  }
  p-radioButton {
    width: 23%;
  }
  .title-style {
    width: 63.9vw;
  }
}
@media (min-width: 1920px) {
  .col-sm-2 {
    width: 13.666667%;
  }
  .col-sm-4 {
    width: 35.6%;
  }
  .col-sm-10 {
    width: 86.333333%;
  }
  .col-sm-8 {
    width: 98.4%;
  }
  .title-style {
    margin-left: 16px;
    width: 67vw;
    background: #f3f3f3;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e6e2e2;
  }
}
